<div  ms-controller="gridListVM">
            <div class="status-box">
              <div class="ib" style="width:10%">
                    <input type="checkbox" ms-click="@selectAll($event)"  name="allselect" class="allselect" />
                                        序号
              </div>
              <div ms-for="(index, el) in @columns" ms-css="{width:el.width}" class="ib" ms-text="el.title"></div>
            </div><!--end .status-box-->
            <ul class="docs-list">
              <li ms-for="(index, del) in @data.list" ms-click="@clickRecord($event,index,del)">
                <div class="ib" style="width:10%">
                    <input name="" type="checkbox" class="recordSelect" ms-attr="{value:index}"/>
                    {{@getNum(index)}}
                </div>
                <!--ms-for:(code, el) in @columns-->
                <div ms-if="code!=@keyColumn"  ms-css="{width:el.width}" class="ib" 
                    ms-text="@getRowFieldText(code,el,del)"></div>
                <div ms-if="code==@keyColumn"  ms-css="{width:el.width}" class="ib" >
                    <a ms-text="@getRowFieldText(code,el,del)" href="javascript:void(0)"></a>
                </div> 
                <!--ms-for-end:-->
              </li>
            </ul><!--end .docs-list-->
            <div class="nlpage">
              <ul>
                <li ms-visible="@data.page.hashPre">
                    <a  ms-click="@loadPre()" href="javascript:void(0)">&lt;&lt;</a>
                </li>
                <li ms-for="el in @data.page.pages">
                    <a href="javascript:void(0)" ms-class="[@data.page.pageNo==el?'active':'']" 
                        ms-text="el" ms-click="@loadPage(el)"></a>
                </li>
                <li ms-visible="@data.page.hashNext">
                    <a  ms-click="@loadNext()" href="javascript:void(0)">>></a>
               </li>
              </ul>
           </div><!--end .nlpage-->
</div>